<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Untitled Document</title>
		<link rel="stylesheet" type="text/css" href="css/jQuery.Tree.css" />
		<style type="text/css">
			body {
			    font-family: sans-serif;
			    font-size: 10pt;
			}
		</style>
	</head>
	<body>
		<ul id="tree">
			<li>
				<label><!-- Наличие лейбла критично -->
					<input type="checkbox" />Элемент с чекбоксом
				</label>
			</li>
			<li>
				<label>
					<input type="checkbox" />Категория
				</label>
				<ul>
					<li>
						<label>
							<input type="checkbox" />Элемент с чекбоксом
						</label>
					</li>
					<li>
						<label>
							<input type="checkbox" />Подкатегория с чекбоксом
						</label>
						<ul>
							<li>
								<label>
									<input type="checkbox" checked="checked" />Элемент с чекбоксом
								</label>
							</li>
							<li>
								<label>
									<input type="checkbox" />Элемент с чекбоксом
								</label>
							</li>
							<li>
								<label>
									<input type="checkbox" />Элемент с чекбоксом
								</label>
							</li>
						</ul>
					</li>
					<li>
						<label>
							<input type="checkbox" />Подкатегория с чекбоксом
						</label>
						<ul>
							<li>
								<label>
									<input type="checkbox" />Элемент с чекбоксом
								</label>
							</li>
							<li>
								<label>
									<input type="checkbox" />Элемент с чекбоксом
								</label>
							</li>
							<li>
								<label>
									<input type="checkbox" />Элемент с чекбоксом
								</label>
							</li>
						</ul>
					</li>
				</ul>
			</li>
		</ul>
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
		</script>
		<script type="text/javascript" src="jQuery.Tree.js">
		</script>
		<script type="text/javascript">
			$(document).ready(function(){
				$("#tree").Tree();
			});
		</script>
	</body>
</html>
